<!DOCTYPE>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title>ASUI Docs</title>
  <link rel="stylesheet" href="https://unpkg.com/docute@4/dist/docute.css">
  <style>
    iframe{
      position: fixed;
      top: 100px;
      right: 0;
      width: 375px;
      height: 665px;
      z-index: 99999;
    }
    
  </style>
</head>

<body>
  <div id="docute"></div>
  <!--功能预览-->
  <!--<iframe src="./dist/index.html" frameborder="0"></iframe>-->
  <script src="https://unpkg.com/docute@4/dist/docute.js"></script>
  <script>
    new Docute({
      target: '#docute',
      sidebar: [
        {
          title: '使用',
          links: [
            {
              title: '快速上手',
              link: '/components/Quickstart'
            },
            {
              title: '移动端适配方案',
              link: '/components/Rem'
            },
          ]
        },
        {
          title: '组件',
          links: [
            {
              title: 'Toast',
              link: '/components/Toast'
            },
            {
              title: 'MessageBox',
              link: '/components/MessageBox'
            },
            {
              title: 'Dialog',
              link: '/components/Dialog'
            },
            {
              title: 'Lazyload',
              link: '/components/Lazyload'
            },
            {
              title: 'Button',
              link: '/components/Button'
            },
            {
              title: 'Search',
              link: '/components/Search'
            },
            {
              title: 'Picker',
              link: '/components/Picker'
            },
            {
              title: 'Swipe',
              link: '/components/Swipe'
            },
            {
              title: 'Switch',
              link: '/components/Switch'
            },
            {
              title: 'Popup',
              link: '/components/Popup'
            },
            {
              title: 'Tooltip',
              link: '/components/Tooltip'
            },
            {
              title: 'Radio',
              link: '/components/Radio'
            },
            {
              title: 'Checkbox',
              link: '/components/Checkbox'
            },
            {
              title: 'ImagePreview',
              link: '/components/ImagePreview'
            },
            {
              title: 'ActionSheet',
              link: '/components/ActionSheet'
            },
            {
              title: 'Header',
              link: '/components/Header'
            },
            {
              title: 'Tabbar',
              link: '/components/Tabbar'
            },
            {
              title: 'Navbar',
              link: '/components/Navbar'
            },
            {
              title: 'Cell',
              link: '/components/Cell'
            },
            {
              title: 'Badge',
              link: '/components/Badge'
            },
            {
              title: 'ScrollerView',
              link: '/components/ScrollerView'
            }
          ]
        }
      ]
    })
  </script>
</body>

</html>